<script setup lang="ts">
import "./resource/css/icon.css";
import AiChart from "./components/ai-chart/index.vue";
</script>

<template>
  <div class="theme">
    <AiChart />
    <router-view />
  </div>
</template>

<style>
@import "./resource/css/icon.css";
@import "./config/theme.css";
.app {
  width: 100vh;
}
a {
  text-decoration: none;
}
.theme {
  --color-border: #c2c2c2;
  --color-hover: #f1f6ff;
  --color-card: #333333;
  --color-price: #cc0033;
  --card-card-bg: #848a94;
  --color-1: #3275e3;
  --color-2: #848a94;
  --color-3: #f1f6ff;
  --color-4: #f8faff;
  --color-5: #2c323c;
  --color-6: #cc0033;
  --color-7: #fff;
  --color-8: #fff;
  --color-9: #c2c2c2;
  /* --color-7: #d54636; */

  /* --color-6: #d47b00; */

  --color-11: #f8faff;
  --color-13: #213351cc;
  --color-14: #2c323c;
  --color-15: #848a94;
  --color-16: #5a5f68;
  --color-17: #fff;
  --color-18: #2b74ec;
  --color-20: #fb5f41;
  --color-21: #a2a2a2;
  --color-22: #cad3e1;
  --color-24: #eaf1fb;
  --color-25: #f7fafe;
  --color-26: #fff6f0;
  --color-27: #cb4727;
  --color-28: #0b62a4;

  --color-34: #d7241a;
  --color-35: #f5f5f5;
  --color-36: #214e95;
  --color-37: #213351;
  --color-38: #f2f4f9;
  --color-39: #12151b;
  --color-40: #e7ebf1;
  --color-41: #ee7c62;
  --color-42: #6297ee;
  --color-43: #efd948;
  --color-44: #9162ee;
  --color-45: #62acee;
  --color-46: #fceeeb;
  --color-47: #e9f1ff;
  --color-48: #fffce9;
  --color-49: #f5f0ff;
  --color-50: #e7f3ff;
}
</style>
